<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1986880_jznls6pwh8i.css">
    <link rel="stylesheet" href="../../css/normalize.css">
    <link rel="stylesheet" href="../../css/common.css">
    <title>我的-我的发布</title>
    <style>
        .wrapper{
            overflow: hidden;
        }
        .left-box{
            width: 200px;
            height: auto;
            margin-top: 20px;
            overflow: hidden;
        }
        .left-box .user{
            width: 200px;
            height: 260px;
            background: #FFFFFF;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .left-box .user .heading{
            display: block;
            width: 100px;
            height: 100px;
            border-radius: 50px;
            overflow: hidden;
            margin: 50px auto 20px;
        }
        .left-box .user .name{
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .left-box .user .ids{
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-top: 14px;
        }
        .left-box .user-menus{
            width: 200px;
            height: auto;
            background: #FFFFFF;
            border-radius: 5px;
            margin-bottom: 50px;
        }
        .left-box .menu-a{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 20px 0;
            border-bottom: 1px solid #E2E2E2;
        }
        .left-box .menu-a:last-child{
            border-bottom: 0;
        }
        .left-box .menu-a .item{
            display: block;
            width: 100%;
            height: 52px;
            line-height: 52px;
            text-align: center;
            border-left: 2px solid #fff;
            padding-right: 2px;
        }
        .left-box .menu-a .item .item-pic{
            width: 14px;
            height: auto;
            position: relative;
            top: 2px;
        }
        .left-box .menu-a .item span{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .left-box .menu-a .item.active{
            background: #F1F7FF;
            border-left: 2px solid #4C9AFE;
        }
        .left-box .menu-a .item.active span{
            color:#4C9AFE;
        }
        .left-box .menu-a .item:hover{
            background: #F1F7FF;
            border-left: 2px solid #4C9AFE;
        }
        .left-box .menu-a .item:hover span{
            color:#4C9AFE;
        }
        .right-menus{
            width: 100%;
            height: 65px;
            line-height: 65px;
            border-bottom: 1px solid #E2E2E2;
        }
        .right-menus .item{
            width: 150px;
            height: 65px;
            line-height: 65px;
            text-align: center;
            position:relative;
            cursor: pointer;
        }
        .right-menus .item .txt{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .right-menus .item .short-line{
            visibility: hidden;
            width: 52px;
            height: 2px;
            background: #fff;
            position: absolute;
            left: 49px;
            top: 63px;
        }
        .right-menus .item.active .txt{
            color: #4C9AFE;
        }
        .right-menus .item.active .short-line{
            background: #4C9AFE;
            visibility: visible;
        }
        .right-box {
            width: 980px;
            min-height: 947px;
            background: #FFFFFF;
            border-radius: 5px;
            margin-top: 20px;
            margin-bottom: 50px;
        } 
        /* 视频列表 */
        .video-list{
            width: 100%;
            height: auto;
            padding: 30px 30px 0;
        }
        .video-list .item{
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 30px;
        }
        .video-list .item .cover{
            width: 220px;
            height: 134px;
            border-radius: 5px;
            overflow: hidden;
            position: relative;
        }
        .video-list .item .cover .video-mask{
            position: absolute;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 170px;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, .5);
        }
        .video-list .item .cover img{
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .video-list .item .cover .video-mask img{
            display: inline-block;
            width: 52px;
            height: 52px;
        }
        .video-list .item .right{
            width: 700px;
            height: auto;
            padding: 0 22px;
        }
        .video-list .item .right .title{
            width: 100%;
            height: auto;
            font-size: 20px;
            font-weight: bold;
            color: #333333;
        }
        .video-list .item .right .content{
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            line-height: 24px;
            margin: 20px 0 10px;
        }
        .video-list .item .right .content .checkmore{
            color: #4C9AFE;
        }
        .video-list .item .right .time{
            width: 100%;
            height: auto;
        }
        .video-list .item .right .time-txt{
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            margin-right: 15px;
        }
        .video-list .item .right .iconshanchu{
            color: #999;
        }
        .video-list .item .right .iconshanchu.active{
             color: royalblue;
        }
        /* 法律聚焦 */
        .jj-list{
            width: 100%;
            height: auto;
            padding: 30px 33px;
        }
        .jj-list .item{
            width: 100%;
            overflow: hidden;
            margin-bottom: 45px;
        }
        .jj-list .title{
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
        }
        .jj-list .title .spa{
            width: 620px;
            font-size: 20px;
            font-weight: bold;
            color: #333333;
        }
        .jj-list .title .time{
            font-size: 14px;
            font-weight: 400;
            color: #999999;
        }
        .jj-list .content{
            width: 100%;
            height: auto;
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            margin-bottom: 15px;
        }
        .jj-list .content a{
            color: #4C9AFE;
        }
        .jj-list .icon-pic{
            height: 17px;
            width: auto;
            margin-right: 5px;
            position: relative;
            top: 2px;
        }
        .jj-list  .read-pic{
            width: 20px;
            height: 10px;
        }
        .jj-list .icons .left span{ 
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            margin-right: 20px;
        }
        .jj-list .item .right{
            overflow: hidden;
            cursor: pointer;
        }
        .jj-list .item .right span{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .jj-list .item .right .iconshanchu{
            color: #999;
        }
        .jj-list .item .right .iconshanchu.active{
             color: royalblue;
        }
        /* 参与问答 */
        .ask-list{
            width: 100%;
            height: auto;
            padding-left: 30px;
        }
        .ask-list .item{
            width: 100%;
            padding: 30px 0;
            border-bottom: 1px solid #E2E2E2;
        }
        .ask-list .item.caina{
            background-image: url('../../images/caina.png');
            background-size: 56px 56px;
            background-position: 894px 0;
            background-repeat: no-repeat;
        }
        .ask-list .item .question{
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 21px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
        }
        .ask-list .item .question img{
            width: 21px;
            height: 21px;
            margin-right: 10px;
            position: relative;
            top:2px;
        }
        .ask-list .item .info{
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 12px 0;
        }
        .ask-list .item .info .time{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .ask-list .item .info .user{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            padding-left: 15px;
        }
        .ask-list .item .ans{
            width: 100%;
            height: auto;
            overflow: hidden;
            line-height: 21px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
        }
        .ask-list .item .ans img{
            width: 21px;
            height: 21px;
            margin-right: 10px;
            position: relative;
            top:2px;
        }
        /* 我的案例 */
        .case-list{
            width: 100%;
            height: auto;
            padding: 0 30px;
        }
        .case-list .item{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 30px 0;
            cursor: pointer;
            border-bottom: 1px solid #E2E2E2;
        }
        .case-list .left{
            width: 850px;
            height:auto;
        }
        .case-list .left .title{
            width: 100%;
            overflow:hidden;
            line-height: 20px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #333333;
        }
        .case-list .left .title .lable{
            display: inline-block;
            width: auto;
            height: 20px;
            line-height: 20px;
            padding: 0 6px;
            padding-left: 8px;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            background: #4C9AFE;
            border-radius: 2px;
            margin-right: 10px;
            position: relative;
            top: -2px;
        }
        .case-list .middle{
            width: 100%;
            height: auto;
            padding: 15px 0;
            overflow: hidden;
        }
        .case-list  .cat{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-right: 5px;
        }
        .case-list  .cat span{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .case-list .item.active .left .title{
            color: #4C9AFE;
        }
        .case-list .item:hover .left .title{
            color: #4C9AFE;
        }
        .case-list .right img{
            width: 17px;
            height: 20px;
            margin-left: 18px;
        }
        .case-list .right img:first-child{
            margin-left: 0;
        }
        .btn-release{
            width: 130px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #4C9AFE;
            border-radius: 20px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            margin-right: 30px;
            margin-top: 12px;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <div id="root">
        <div class="header">
            <div class="wrapper">
                <div class="row topmenus">
                    <div class="col header-address fl">
                        <i class="iconfont icondingweiweizhi"></i>
                        <span class="txt">郑州</span>
                        <i class="iconfont icondown-hollow"></i>
                    </div>
                    <div class="col header-menuns fr">
                        <a href="" class="txt fr">手机APP</a>
                        <a href="" class="txt fr">律师入驻</a>
                        <a href="" class="notice fr">
                            <i class="iconfont icontongzhi"></i>
                            <div class="cirle"></div>
                        </a>
                        <div class="lg fr txt">
                            欢迎，请
                            <a href="https:www.baidu.com" class="login">登录</a>
                            ｜ <a href='' class='resign'>免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="header-middle">
                    <img class="logo fl" src="../../images/lawyer.png" alt="">
                    <div class="downs fr">
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">安卓</div>
                        </div>
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">苹果</div>
                        </div>
                    </div>
                    <div class="search fr">
                        <div class="ipt-search fl">
                            <input class="ipt" type="text" placeholder="请输入您想要搜索的内容">
                            <i class="iconfont iconsousuo"></i>
                        </div>
                        <div class="btn-search fl">
                            <i class="iconfont iconbianji"></i>
                            <span>提问</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="menus">
                        <a class="item fl">
                            <span>法律咨询</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>找律师</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>律师说法</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a href='' class="item fl">
                            <span>律师问答</span>
                        </a>
                        <a href='' class="item fl">
                            <span>合同下载</span>
                        </a>
                        <a href='' class="item fl">
                            <span>法律知识</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="wrapper">
                <div class="left-box fl">
                    <div class="user">
                        <img src="../../images/lawyer.png"  class="heading">
                        <div class="name">榕树下的回忆</div>
                        <div class="ids">ID:364875412</div>
                    </div>
                    <div class="user-menus">
                        <div class="menu-a">
                            <a href="" class="item active">
                                <img src="../../images/ucenter_menu1.png" class="item-pic">
                                <span>我的订单</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu2.png" class="item-pic">
                                <span>我的律师</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu3.png" class="item-pic">
                                <span>我的提问</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu4.png" class="item-pic">
                                <span>我的委托</span>
                            </a>
                        </div>
                        <div class="menu-a">
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu5.png" class="item-pic">
                                <span>我的收藏</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu4.png" class="item-pic">
                                <span>我的评价</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu6.png" class="item-pic">
                                <span>我的钱包</span>
                            </a>
                        </div>
                        <div class="menu-a">
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu7.png" class="item-pic">
                                <span>个人中心</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu8.png" class="item-pic">
                                <span>系统消息</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu9.png" class="item-pic">
                                <span>帮助中心</span>
                            </a>
                            <a href="" class="item">
                                <img src="../../images/ucenter_menu10.png" class="item-pic">
                                <span>意见反馈</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="right-box fr">
                    <div class="right-menus">
                        <div class="item fl active">
                            <div class="txt">我的视频</div>
                            <div class="short-line"></div>
                        </div>
                        <div class="item fl">
                            <div class="txt">我的文章</div>
                            <div class="short-line"></div>
                        </div>
                        <div class="item fl">
                            <div class="txt">我的案例</div>
                            <div class="short-line"></div>
                        </div>
                        <div class="item fl">
                            <div class="txt">参与回答</div>
                            <div class="short-line"></div>
                        </div>
                        <div class="btn-release fr">发布协查信息</div>
                    </div>
                    <!-- 律师说法 -->
                    <!-- <div class="video-list">
                        <div class="item">
                            <div class="cover fl">
                                <img src="../../images/lawyer.png" class="cover-pic">
                                <div class="video-mask">
                                    <img src="../../images/videomask.png" alt="">
                                </div>
                            </div>
                            <div class="right fr">
                                <div class="title ell1">学生考试作弊构成犯罪么</div>
                                <div class="content ell2">学生考试作弊一般不构成犯罪，但是在法律规定的国家考试中，组织作弊、为他人作弊供作弊器或者其他
帮助、为实施考试作弊行为，向他人非法出售 <a href="" class="checkmore">查看详情》</a> </div> 
                                <div class="time">
                                    <span class="time-txt fl">张毅律师</span>
                                    <span class='time-txt fl'>2020-09-10 14:22</span>
                                    <span class='time-txt fl'>3489次播放</span>
                                    <span class="fr">
                                        <span class='time-txt'>查看评论</span>
                                        <i class="iconfont iconshanchu"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div> -->
                    <!-- 我的文章 -->
                    <!-- <div class="jj-list">
                        <div class="item">
                            <div class="title">
                                <div class="spa fl">警惕8种合同陷阱</div>
                                <div class="time fr">2020-09-12</div>
                            </div>
                            <div class="content">合同是日常生活很常见的文件，但也是产生诸多问题的因素之一。合同的内容、格式、签字盖章等相关联系，都有可能出现陷阱，专门坑人。
大家一定要擦亮眼睛哦。<a href="">查看详情》</a>
                            </div>
                            <div class="icons">
                                <div class="left fl">
                                    <img src="../../images/gsico.png" class="icon-pic">
                                    <span>劳动纠纷</span>
                                    <img src="../../images/read.png" class="read-pic">
                                    <span>2.3w</span>
                                </div>
                                <div class="right fr">
                                    <span>查看评论</span>
                                    <i class="iconfont iconshanchu"></i>
                                </div>
                            </div>
                        </div>
                    </div> -->
                    <!-- 参与问答 -->
                    <!-- <div class="ask-list">
                        <div class="item caina">
                            <div class="question"><img src="../../images/wen.png">我是交通事故受害者家属，现在母亲住在重症监护室治疗。想知道后续赔偿金额一般是怎么判定的？</div>
                            <div class="info">
                                <div class="time fl">2020-09-7 | </div>
                                <div class="user fl">提问者：<span> 匿名</span></div>
                            </div>
                            <div class="ans"><img src="../../images/da.png">我是交通事故受害者家属，现在母亲住在重症监护室治疗。想知道后续赔偿金额一般是怎么判定的？</div>
                        </div>
                        <div class="item">
                            <div class="question"><img src="../../images/wen.png">我是交通事故受害者家属，现在母亲住在重症监护室治疗。想知道后续赔偿金额一般是怎么判定的？</div>
                            <div class="info">
                                <div class="time fl">2020-09-7 | </div>
                                <div class="user fl">提问者：<span> 匿名</span></div>
                            </div>
                            <div class="ans"><img src="../../images/da.png">我是交通事故受害者家属，现在母亲住在重症监护室治疗。想知道后续赔偿金额一般是怎么判定的？</div>
                        </div>
                    </div> -->
                    <!-- 我的案例 -->
                    <div class="case-list">
                        <div class="item">
                            <div class="left fl">
                                <div class="title"><div class="lable">胜诉</div>拆迁案件中，独生子女应多分一人份的补偿</div>
                                <div class="middle">
                                    <div class="cat fl">代理方：<span>原告</span></div>
                                    <div class="cat fl">｜  结果：<span>原告</span></div>
                                </div>
                                <div class="cat">我的价值：<span>承办律师接到委托人的委托后，多次与村委会以及乡政府沟通，最终案件胜诉，委托人对此十分满意。</span></div>
                            </div>
                            <div class="right fr">
                                <img src="../../images/anl_edit.png" class="eidt">
                                <img src="../../images/anl_delete.png" class="delete">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="wrapper">
                    <div class="menus">
                        <a class="item fl" href="">关于我们</a>
                        <a class="item fl" href="">通知公告</a>
                        <a class="item fl" href="">意见反馈</a>
                        <div class="item fl">客服邮箱：KeFu12455@qq.com</div>
                        <a class="item fl">客服电话：400-902-9980</a>
                    </div>
                    <div class="downs">
                        <div class="item fl">
                            <div class="title">公众服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">找律师</a>
                                    <a class="link-url-item" href="">问律师</a>
                                    <a class="link-url-item" href="">学法规</a>
                                    <a class="link-url-item" href="">合同下载</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">用户APP下载地址</div>
                                        <div class="info-b">快速找律师/在线咨询</div>
                                        <div class="info-c">差法律知识/查看解答/随时追问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fr">
                            <div class="title">律师服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">律师加盟</a>
                                    <a class="link-url-item" href="">律师营销</a>
                                    <a class="link-url-item" href="">在线接单</a>
                                    <a class="link-url-item" href="">多人协作</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">律师APP下载地址</div>
                                        <div class="info-b">营销分析/回复咨询</div>
                                        <div class="info-c">案件洽谈/异地协查</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-beian">
                <div class="wrapper">
                    律师网版权所有 20205-2020 粤ICP备10231287号-5 粤公安网安备 44010602222号 增值电信业务经营许可证(ICP)粤B2-20100586
                </div>
            </div>
        </div>
    </div>
</body>

</html>